<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户信息注册</title>
    <link rel="stylesheet" type="text/css" href="form.css"/>
</head>
<body>
    <form id="form" action="form.html">
        <table>
            <caption>新用户注册</caption>
            <tr>
                <td class="label">用户名：</td>
                <td>
                    <input id="form-name" name="name" type="text" maxlength="16" placeholder="请输入用户名"/>
                </td>
            </tr>
            <tr>
                <td class="label">密码：</td>
                <td>
                    <input id="form-pass" name="pass" type="password" maxlength="16" placeholder="请输入密码"/>
                </td>
            </tr>
            <tr>
                <td class="label">性别：</td>
                <td>
                    <input id="form-gender-male" name="gender" type="radio" value="0" checked/>男
                    <input id="form-gender-female" name="gender" type="radio" value="1"/>女
                </td>
            </tr>
            <tr>
                <td class="label">学历：</td>
                <td>
                    <select id="form-education"  name="education">
                        <option value="0" selected>本科</option>
                        <option value="1">专科</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="label">自我介绍：</td>
                <td>
                    <textarea id="form-description" name="description" cols="40" rows="8" placeholder="请输入自我介绍"></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" class="btn-bar">
                    <input id="form-submit" type="submit" class="btn" value="提交"/>
                    <input id="form-reset" type="reset" class="btn" value="重置"/>
                </td>
            </tr>
        </table>
    </form>
    <script src="form.js"></script>
</body>
</html>